.verticalSlider{height:300px;position:relative;-webkit-user-select:none;user-select:none;width:125px}@media (min-width:1024px){.verticalSlider{height:350px;width:148px}}.verticalSlider .range-container{height:100%;position:relative;width:100%}.verticalSlider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgb(242,245,247);border-radius:32px;cursor:grab;height:125px;left:50%;margin:0;overflow:hidden;padding:0;position:relative;top:50%;transform:translate(-50%,-50%) rotate(-90deg);width:300px}@media (min-width:1024px){.verticalSlider input[type=range]{background-color:rgb(255,255,255);border-radius:32px;height:148px;width:350px}}.verticalSlider input[type=range]::-webkit-slider-thumb{box-shadow:-20rem 0 0 20rem rgb(38,209,148);width:0}.verticalSlider input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:-20rem 0 0 20rem rgb(38,209,148);width:0}.verticalSlider input[type=range]::-webkit-slider-runnable-track{background:transparent}.verticalSlider input[type=range]::-moz-range-track{background:transparent}.verticalSlider input[type=range]:active{cursor:grabbing}.verticalSlider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none}.verticalSlider .helperText{color:rgba(38,38,38,.7);font:400 13px/20px SBSansText,OpenSans,Helvetica Neue,Helvetica,Arial,sans-serif;left:-101px;position:absolute;top:0;width:90px}@media (min-width:768px){.verticalSlider .helperText{left:-205px;top:36px}}@media (min-width:1024px){.verticalSlider .helperText{left:-297px;top:110px;width:97px}}.verticalSlider .helperImg,.verticalSlider .helperText{opacity:1;transition:opacity .5s ease}.verticalSlider .hidden{opacity:0}.verticalSlider .helperImg{left:-94px;position:absolute;top:44px}@media (min-width:768px){.verticalSlider .helperImg{left:-172px;top:82px}}@media (min-width:1024px){.verticalSlider .helperImg{left:-246px;top:146px}}.verticalSlider .thumb{cursor:grab;display:flex;flex-direction:row;height:44px;justify-content:flex-end;left:-101px;position:absolute;width:101px}.verticalSlider .thumb:active{cursor:grabbing}.verticalSlider .thumb-text{align-items:flex-end;display:flex;flex-direction:column;pointer-events:none}.verticalSlider .thumb-text span:first-child{color:rgba(38,38,38,.7);font:400 13px/20px SBSansText,OpenSans,Helvetica Neue,Helvetica,Arial,sans-serif}.verticalSlider .thumb-text span:last-child{color:rgb(38,38,38);font:600 16px/24px SBSansText,OpenSans,Helvetica Neue,Helvetica,Arial,sans-serif}.verticalSlider .thumb-icon{align-items:center;display:flex;margin-left:16px}@keyframes slide-in{0%{transform:translate(0)}25%{transform:translateY(5px)}50%{transform:translateY(-5px)}to{transform:translate(0)}}.verticalSlider .range-center-container{align-items:center;color:rgba(255,255,255,.7);display:flex;flex-direction:column;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:2}.verticalSlider .range-center-container .text{-webkit-background-clip:text;background-clip:text;color:transparent;font:400 13px/20px SBSansText,OpenSans,Helvetica Neue,Helvetica,Arial,sans-serif}.verticalSlider .range-center-container .days{-webkit-background-clip:text;background-clip:text;color:transparent;font:500 28px/36px SBSansDisplay,OpenSans,Helvetica Neue,Helvetica,Arial,sans-serif}.verticalSlider .range-text-bottom,.verticalSlider .range-text-top{color:rgba(255,255,255,.7);font:400 13px/20px SBSansText,OpenSans,Helvetica Neue,Helvetica,Arial,sans-serif;left:50%;pointer-events:none;position:absolute;transform:translate(-50%);z-index:2}.verticalSlider .range-text-top{-webkit-background-clip:text;background-clip:text;color:transparent;top:12px}@media (min-width:1024px){.verticalSlider .range-text-top{top:16px}}.verticalSlider .range-text-bottom{-webkit-background-clip:text;background-clip:text;bottom:12px;color:transparent}@media (min-width:1024px){.verticalSlider .range-text-bottom{bottom:16px}}.verticalSlider .right-container{position:absolute;right:-98px;top:50%;transform:translate(50%,-50%);width:100%}.verticalSlider .right-container .thumb-text{align-items:flex-start}
.calc{align-items:center;display:flex;flex-direction:column;height:100%;max-width:unset;padding:48px 24px 0;position:relative;width:100%}@media (min-width:768px){.calc{width:calc(100% - 32px)}}@media (min-width:1024px){.calc{background-color:rgb(242,245,247);border-radius:48px;margin-left:16px;margin-right:16px;max-width:1270px;padding:64px 0}}.calc__header{display:flex;flex-direction:column;height:100%;margin-bottom:32px;max-width:463px}@media (min-width:1024px){.calc__header{margin-bottom:40px;max-width:468px}}.calc__header .title{color:rgb(38,38,38);font:500 28px/36px SBSansDisplay,OpenSans,Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:-.3px;margin-bottom:12px;text-align:center}@media (min-width:1024px){.calc__header .title{font:500 32px/42px SBSansDisplay,OpenSans,Helvetica Neue,Helvetica,Arial,sans-serif;margin-bottom:16px}}.calc__header .subTitle{color:rgba(38,38,38,.7);font:400 16px/24px SBSansText,OpenSans,Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:-.3px;text-align:center}.calc__footer{background-color:rgb(242,245,247);border-radius:20px;display:flex;flex-direction:column;height:100%;margin-top:24px;width:100%}@media (min-width:768px){.calc__footer{flex-direction:row}}@media (min-width:1024px){.calc__footer{background-color:unset;border-radius:unset;flex-direction:row;justify-content:center;margin-top:32px}}.calc__footer>div:first-child{padding:32px 20px 0}@media (min-width:768px){.calc__footer>div:first-child{padding:32px 0 32px 24px}}@media (min-width:1024px){.calc__footer>div:first-child{padding:32px 24px}}.calc__footer>div:last-child{padding:24px 20px 23px}@media (min-width:768px){.calc__footer>div:last-child{padding:32px 24px}}@media (min-width:1024px){.calc__footer>div:last-child{margin-left:24px;padding:32px 24px}}.calc__footer .container{display:flex;flex-direction:row}@media (min-width:1024px){.calc__footer .container{background-color:rgb(255,255,255);border-radius:20px;max-width:400px}}.calc__footer .text-container{display:flex;flex-direction:column;margin-left:16px}@media (min-width:1024px){.calc__footer .text-container{max-width:300px}}.calc__footer .text-container .title{color:rgb(38,38,38);font:500 16px/24px SBSansText,OpenSans,Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:-.3px;text-align:left}.calc__footer .text-container .subTitle{color:rgba(38,38,38,.7);font:400 13px/20px SBSansText,OpenSans,Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:-.3px;margin-top:4px;text-align:left}
.sberCreditCardCalculator-page{align-items:center;display:flex;flex-direction:column;margin:0 auto;overflow:hidden}.sberCreditCardCalculator-page>*{box-sizing:border-box}